$(document).ready(function() {
    $('#form').on('submit', function(event) {
        event.preventDefault(); // 阻止表单的默认提交行为
        
        // 获取用户输入的昵称和留言内容
        var nickname = $('#nickname').val();
        var content = $('#content').val();
        
        // 获取当前时间
        var currentTime = new Date().toLocaleString();
        
        // 创建新的dl元素
        var newDl = $('<dl>');
        
        // 创建dt元素并设置内容
        var dtElement = $('<dt>').text(nickname + ':');
        newDl.append(dtElement);
        
        // 创建dd元素
        var ddElement = $('<dd>');
        
        // 创建h3元素并设置内容
        var h3Element = $('<h3>');
        var spanElement = $('<span>').text(content);
        h3Element.append(spanElement);
        ddElement.append(h3Element);
        
        // 创建em元素并设置内容
        var emElement = $('<em>').text('发表时间： ' + currentTime);
        ddElement.append(emElement);
        
        // 将dd元素添加到dl元素中
        newDl.append(ddElement);
        
        // 将新的dl元素添加到con_ms容器中
        $('.con_ms .procon').append(newDl);
        
        // 清空表单
        $('#form')[0].reset();
    });
});